<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1. 函数可以重复相同的代码
        // function cook() {
        //     console.log('酸辣土豆丝');
        // }
        // cook();
        // cook(); // 如果我里面输出这个的话 没啥意义 都是重复一样的
        //2. 我们可以利用函数的参数 实现函数重复不同的代码
        // function 函数名(形参1， 形参2...) { // 在声明函数的小括号里面是 形参 (形式上的参数)

        // }
        // 函数名(实参1，实参2...)  // 在函数调用的小括号里面是实参 (实际的参数) 
        //3.  形参和实参的执行过程
        function cook(aru) { //形参是接收实参的 aru = '酸辣土豆丝' 形参类似于一个没有声明变量 的变量
            console.log(aru);
        }
        cook('酸辣土豆丝');
        cook('大肘子');
        // 函数里面的 形参 是用来接收调用函数那边的实参的 
        // 所以我的'酸辣土豆丝 给了aru' 然后 aru 给了控制台里面的aru

        //4. 函数的参数可以有，也可以没有 个数不限
        //5. 参数的作用：在函数内部某些值不能固定，我们可以通过参数在条用函数时候传递不同的值下去
    </script>
</head>

<body>

</body>

</html>